<template>
    <div class="wrapper">
<div class="markdown-body" >
    <h1>介绍</h1>
    <h3>Hi , 欢迎你能使用这个ui组件库</h3>
    <p>zgn-ui，可能和其他的组件库有点不太一样</p>
    <p>相比于正常的组件库，它对我来说，更重要的意义是我的网站<a href="http://43.140.205.84:7001/#/library">twzgn.cn</a> 的未来样式升级方向</p>
    <p>整个开发过程的笔记可以查看我的<a href="https://www.yuque.com/tw_zgn/qpn405/ol82ws">语雀文档</a>，同时我会不断更新这个组件库，</p>
    <p>目前 所有组件都是使用 <strong>vue3，typescript，scss</strong> 完成的，包括这个网页</p>
    <p> 欢迎你和我交流。</p>
    <pre><code>
代码仓库 gitee: https://gitee.com/tw-zgn/vue3-zgn-ui
        </code></pre>
    <a href="#/doc/get-started"><strong>下一页</strong></a>
    </div>
</div>
</template>


<style lang="scss" scoped>
.wrapper{
    max-width: 800px;
}
@media (max-width:500px) {
    .wrapper{
        max-width: 380px;
    }
}
</style>